<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j">
  
<!-- Todas las paginas deben tener esta linea para que las tildes funcionen -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<ui:composition template="plantillas/plantillaPrincipal.xhtml">
	<ui:define name="body">		
		<table border="0" cellspacing="" cellpadding="0" width="100%">
			<tr>
				<td colspan="3">
				&nbsp;
				</td>
			</tr>
			<tr>
				<td>
				<a4j:outputPanel id="panelTabla">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo A
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoATable" border="0" cellpading="3"
						rows="4" 
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{calendarioBean.grupoADataModel}"
						var="equipoDTO">
						
						<rich:column id="posicion" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Pos"/>
							</f:facet>
							<h:outputText value="#{equipoDTO.posicion}" />
						
						</rich:column>
						
						<rich:column id="equipo" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{equipoDTO.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{equipoDTO.nombre}" />
						
						</rich:column>
						
						<rich:column id="pj" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="PJ"/>
                  </f:facet>
                  
                  <h:outputText value="#{equipoDTO.pj}" />
                               
              </rich:column>
                        
               <rich:column id="pg" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="PG"/>
                   </f:facet>
                   
                   <h:outputText value="#{equipoDTO.pg}" />
             
               </rich:column>
               
               <rich:column id="pe" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="PE"/>
                   </f:facet>
										<h:outputText value="#{equipoDTO.pe}" />
           
               </rich:column>
                        
               <rich:column id="pp" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="PP"/>
                   </f:facet>
               			<h:outputText value="#{equipoDTO.pp}" />
            
               </rich:column>
               
               <rich:column id="gf" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="GF"/>
                   </f:facet>
               		<h:outputText value="#{equipoDTO.gf}" />
           
               </rich:column>
               
               <rich:column id="gc" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="GC"/>
                   </f:facet>
               			<h:outputText value="#{equipoDTO.gc}" />
               
               </rich:column>
               <rich:column id="gd" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="GD"/>
                   </f:facet>
               			<h:outputText value="#{equipoDTO.gd}" />
                  
               </rich:column>
						
						<rich:column id="puntos" style="text-align:left;"
                            headerClass="centrado" footerClass="centrado">
                            
               <f:facet name="header">
                    <h:outputText value="Pts"/>
               </f:facet>
           			<h:outputText value="#{equipoDTO.puntos}" />
            
           </rich:column>
	
					</rich:dataTable>	
					</td>
					</tr>
					</table>	
				</a4j:outputPanel>	
				</td>
				<td>
				&nbsp;
				</td>
				<td>
				&nbsp;
				</td>
			</tr>
			<tr>
				<td>
				&nbsp;
				</td>
				<td>
				&nbsp;
				</td>
				<td>
				&nbsp;
				</td>
			</tr>
			<tr>
				<td>
				&nbsp;
				</td>
				<td>
				&nbsp;
				</td>
				<td>
				&nbsp;
				</td>
			</tr>
		
		</table>
	</ui:define>

	</ui:composition>
</html>